import React,{Component} from 'react';
import { List,Grid } from 'antd-mobile';
import {NavLink} from 'react-router-dom'
const Item = List.Item;
const Brief = Item.Brief;
export default class Tabs4 extends Component{
  state = {
    disabled: false,
  }
  render(){
    return (
      <div>
      <NavLink to={'/mine/loginregister'}>
      <List className="my-list">
     <Item
          arrow="horizontal"
          thumb="https://zos.alipayobjects.com/rmsportal/dNuvNrtqUztHCwM.png"
          multipleLine
          onClick={() => {}}
        >
          登录/注册 <Brief>登陆后享受更多特权</Brief>
        </Item>
      </List>
      </NavLink>
      <div>
        <Grid data={[
          { icon:'https://fuss10.elemecdn.com/7/d8/a867c870b22bc74c87c348b75528djpeg.jpeg?imageMogr/format/webp/thumbnail/!90x90r/gravity/Center/crop/90x90/', text:'美食' },
          { icon:'https://fuss10.elemecdn.com/c/7e/76a23eb90dada42528bc41499d6f8jpeg.jpeg?imageMogr/format/webp/thumbnail/!90x90r/gravity/Center/crop/90x90/', text:'商超便利'},
          ]} columnNum={2} itemStyle={{ height: '100px', }} />
      </div>
      <List renderHeader={() => ''}>
        <Item
          thumb="https://zos.alipayobjects.com/rmsportal/UmbJMbWOejVOpxe.png"
          onClick={() => {}}
          arrow="horizontal"
        >
         我的地址
        </Item>
      </List>
      <List renderHeader={() => ''}>
        <Item
          thumb="https://zos.alipayobjects.com/rmsportal/dNuvNrtqUztHCwM.png"
          arrow="horizontal"
          onClick={() => {}}
        >金币商城</Item>
        <Item
          thumb="https://zos.alipayobjects.com/rmsportal/UmbJMbWOejVOpxe.png"
          onClick={() => {}}
          arrow="horizontal"
        >
          分享拿10元现金
        </Item>
      </List>
      <List renderHeader={() => ''}>
        <Item
          thumb="https://zos.alipayobjects.com/rmsportal/dNuvNrtqUztHCwM.png"
          arrow="horizontal"
          onClick={() => {}}
        >我的客服</Item>
        <Item
          thumb="https://zos.alipayobjects.com/rmsportal/UmbJMbWOejVOpxe.png"
          onClick={() => {}}
          arrow="horizontal"
        >
          下载饿了吗APP
        </Item>
        <Item
        thumb="https://zos.alipayobjects.com/rmsportal/UmbJMbWOejVOpxe.png"
        onClick={() => {}}
        arrow="horizontal"
      >
        规则中心
      </Item>
      </List>
    </div>
    );
  }
}